<html>

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<!--[if IE]>
			<script type="text/javascript">
				alert("为追求更卓越浏览体验，建议更换火狐或Google chrome浏览器");
			</script>
		<![endif]-->
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="http://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>
		<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/bootstrap-3.3.4.css">
		<link rel="stylesheet" type="text/css" href="https://www.jq22.com/jquery/animate-3.6.0.min.css">
		<link rel="stylesheet" type="text/css" href="css/defaul.css"/>
		<style>
		</style>
		<script>
			$(document).ready(function() {
				$(function() {
					$('.main').addClass("animated bounceIn");
					$(".button").click(function (){
						$('.main').addClass("animated bounceOut");
						//写下后续执行的	JQUERY代码
					});
				});
			});
		</script>
	</head>

	<body>
		<div class="main">
			<span class="who">这是属于</span>
			<input type="text" class="user" placeholder="" size="10" />
			<span class="web">的网站</span><br />
			<input type="submit" class="button" value="进入" onclick=" " />
		</div>
		<div class="bg"></div>
	</body>

</html>